var webpack = require('webpack');
var path = require('path');

module.exports = {
    //插件项
    plugins: [
        new webpack.BannerPlugin('This file is created by zhaoda'),
        new webpack.optimize.CommonsChunkPlugin('common.js')
    ],
    //页面入口文件配置
    entry: {
        bundle: './js/entry.js',
        //支持数组形式，将加载数组中的所有模块，但以最后一个模块作为输出
        ery: ['./js/ery.js']
    },
    //入口文件输出配置
    output: {
        // path: __dirname,
        path: path.resolve(__dirname, './build'),
        // publicPath:网站运行时的访问路径
        publicPath: "/output/",
        filename: '[name].js'
    },
    module: {
        //加载器配置
        //loader 
        //css-loader来处理css文件
        loaders: [
            // { test: /\.css$/, loader: 'style!css' },
            //.css 文件使用 style-loader 和 css-loader 来处理
            {
                test: /\.css$/,
                loader: 'style-loader!css-loader',
                exclude: /node_modules/,
                // loader: 'babel-loader',
            },
            //.js 文件使用 jsx-loader 来编译处理
            {
                test: /\.js$/,
                loader: 'jsx-loader?harmony'
            },

            // {
            //     test: /\.css$/,
            //     loader: ExtractTextPlugin.extract('style-loader', 'css-loader?-convertValues')
            // }, 
            // {
            //     test: /\.less$/,
            //     loader: ExtractTextPlugin.extract('style-loader', 'css-loader?-convertValues!less-loader')
            // },
            //.scss 文件使用 style-loader、css-loader 和 sass-loader 来编译处理
            { test: /\.scss$/, loader: 'style!css!sass?sourceMap' },
            //图片文件使用 url-loader 来处理，小于8kb的直接转为base64
            { test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192' },
        ]
    },
       //其它解决方案配置
    resolve: {
        // 查找module的话从这里开始查找
        // root: 'E:/github/flux-example/src', //绝对路径
        root: '/Users/yanhaijiang/Desktop/wabpack',
        // 指明程序自动补全识别哪些后缀
        extensions: ['', '.js', '.json', '.scss'],
        // 模块别名定义，方便后续直接引用别名，无须多写长长的地址
        alias: {
            AppStore: 'js/stores/AppStores.js',
            ActionType: 'js/actions/ActionType.js',
            AppAction: 'js/actions/AppAction.js'
        }
    }
}
